@extends('pc.v3.layouts.newapp')
@push('styles')
  <link rel="stylesheet" href="{{web_static('pc/v3/css/templet4.min.css',true)}}"/>
@endpush
@section('content')
  @php   if(empty($moban['mainImg_pc'])){$moban['mainImg_pc']='http://img.ishangzu.com/ishangzu/2017/09/11/09/1a0117a1-af1c-323e-71f1-549989f4d31d.jpg';}
     if(empty($moban['backImg_pc'])){$moban['backImg_pc']='http://img.ishangzu.com/ishangzu/2017/09/11/09/4d4c1af7-9715-5608-33a9-5c281c035d08.jpg';}
     if(empty($moban['subImg_pc'])){$moban['subImg_pc']='http://img.ishangzu.com/ishangzu/2017/09/11/09/65c5eeec-7670-061a-76b8-f55f482efb61.jpg';}
     if(empty($moban['bottomImg_pc'])){$moban['bottomImg_pc']='http://img.ishangzu.com/ishangzu/2017/09/11/09/aeca50ff-6215-4541-1141-9bff635be0bd.jpg';}
  @endphp
  <div style="background:url('{{$moban['mainImg_pc']}}@1920w_580h_1l.png') center center no-repeat;" class="banner-four">
    @if(!$online)<img src="{{web_static('pc/v3/assets/zhuanti/invalid.png')}}"/>
    @endif
  </div>
  <div style="background:url('{{$moban['backImg_pc']}}@1920w_490h_1l.png') center center no-repeat;" class="special-introduce">
    <div class="special-introduce-content">
      <h2>{{empty($moban['mainTitle'])?'专题介绍':mb_substr($moban['mainTitle'], 0, 8, 'utf-8')}}</h2><span>{{mb_substr($moban['mainText'], 0, 100, 'utf-8')}}</span>
    </div>
  </div>
  <div class="subject-letters-house">
    <div class="subject-letters">
      <div class="subject-letters-left"><img src="{{$moban['subImg_pc']}}@567w_632h_1l.png"/></div>
      <div class="subject-letters-text">
        <div class="title"><i></i><span>{{mb_substr($moban['subTitle'], 0, 6, 'utf-8')}}</span><i></i></div>
        <p>{{mb_substr($moban['subText'], 0, 50, 'utf-8')}}</p>
      </div>
      <ul class="house-list grid">
        <li class="house-left-station"></li>
        <li class="house-right-station"></li>
        @if(is_array($moban['items']))
        @foreach($moban['items'] as $k=>$item)
        @php $item = Common\Standard\Object\stdHouse::instance($item); @endphp
        @if($k==0)<li class="margin-top">
        @else<li>
        @endif<img src="{{$item->image('@528w_396h_1c_1e.jpg')}}"/>
          <p class="title">{{str_limit($item->premName,18)}}</p>
          <p class="tag"><span>{{$item->districtName}}&nbsp;</span><span>| {{$item->bizCircleName}}&nbsp;</span><span>| {{$item->getHouseRoomHallToilet()}}&nbsp;</span><span>| {{$item->getHouseDirection('朝')}}&nbsp;</span><span>| {{$item->getHouseSize()}}</span></p>
          <div class="house-list-price"><span>{{$item->currentPrice()}} 元 / 月</span><a href="{{$item->url()}}" title="{{$item->premName}} {{$item->getHouseRoomHallToilet(false)}} {{$item->getHouseSize('')}}m² 精装修公寓房">查看详情</a></div></li>
        @endforeach
        @endif
      </ul>
    </div>
  </div>
  <div style="background:url('{{$moban['bottomImg_pc']}}@1920w_400h_1l.png') center center no-repeat;" class="footer">
    <div class="more"><a href="{{$moban['moreUrl_pc']}}" target="_blank">更多房源</a></div>
    <div class="footer-content"></div>
  </div>
@endsection
@push('scripts')
  <script src="{{web_static('pc/v3/js/templet.min.js',true)}}"></script>
  <script type="text/javascript">
    @if($moban['backgroundcolor_pc'])
        $('.subject-letters-house').css('background-color','{{$moban['backgroundcolor_pc']}}');
    @endif
  </script>
@endpush